<!doctype html>
<html class="x-admin-sm">
    <head>
        <title>后台管理系统</title>
        {% include "_elements/head.html" -%}
        <script>
            // 是否开启刷新记忆tab功能
            // var is_remember = false;
        </script>
    </head>
    <body class="index">
        <!-- 顶部开始 -->
        <div class="container">
            <div class="logo">
                <a href="./index.html">后台管理系统</a></div>
            <div class="left_open">
                <a><i title="展开左侧栏" class="iconfont">&#xe699;</i></a>
            </div>
            <ul class="layui-nav left fast-add" lay-filter="">
                <li class="layui-nav-item">
                    <a href="javascript:;">+新增</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd>
                            <a onclick="xadmin.open('最大化','http://www.baidu.com','','',true)">
                                <i class="iconfont">&#xe6a2;</i>弹出最大化</a></dd>
                        <dd>
                            <a onclick="xadmin.open('弹出自动宽高','http://www.baidu.com')">
                                <i class="iconfont">&#xe6a8;</i>弹出自动宽高</a></dd>
                        <dd>
                            <a onclick="xadmin.open('弹出指定宽高','http://www.baidu.com',500,300)">
                                <i class="iconfont">&#xe6a8;</i>弹出指定宽高</a></dd>
                        <dd>
                            <a onclick="xadmin.add_tab('在tab打开','member-list.html')">
                                <i class="iconfont">&#xe6b8;</i>在tab打开</a></dd>
                        <dd>
                            <a onclick="xadmin.add_tab('在tab打开刷新','member-del.html',true)">
                                <i class="iconfont">&#xe6b8;</i>在tab打开刷新</a></dd>
                    </dl>
                </li>
            </ul>
            <ul class="layui-nav right" lay-filter="">
                <li class="layui-nav-item">
                    <a href="javascript:;">admin</a>
                    <dl class="layui-nav-child">
                        <!-- 二级菜单 -->
                        <dd> <a onclick="xadmin.open('修改密码','/index/change_pwd', 600, 450)">修改密码</a></dd>
                        <!--<dd> <a onclick="xadmin.open('切换帐号','http://www.baidu.com')">切换帐号</a></dd>-->
                        <dd> <a href="javascript:" id="linkLogout">退出系统</a></dd>
                    </dl>
                </li>
                <li class="layui-nav-item to-index">
                    <a href="/">前台首页</a></li>
            </ul>
        </div>
        <!-- 顶部结束 -->
        <!-- 中部开始 -->
        <!-- 左侧菜单开始 -->
        <div class="left-nav">
            <div id="side-nav">
                <ul id="nav">
                    {% for menu in menus -%}
                    {% if menu.is_show == 1 -%}
                    <li>
                        <a href="javascript:;">
                            <i class="iconfont left-nav-li" lay-tips="{{ menu.name }}">&#xe726;</i> <cite>{{ menu.name }}</cite>
                            <i class="iconfont nav_right">&#xe697;</i>
                        </a>
                        <ul class="sub-menu">
                            {% for sub in menu.menus -%}
                            {% if sub.is_show == 1 -%}
                            <li>
                                <a href="javascript:;" title="{{ sub.name }}" url="{{ sub.url }}">
                                    <i class="iconfont">&#xe6a7;</i><cite>{{ sub.name }}</cite>
                                </a>
                            </li>
                            {% endif -%}
                            {% endfor -%}
                        </ul>
                    </li>
                    {% endif -%}
                    {% endfor -%}
                </ul>
            </div>
        </div>
        <!-- <div class="x-slide_left"></div> -->
        <!-- 左侧菜单结束 -->
        <!-- 右侧主体开始 -->
        <div class="page-content">
            <div class="layui-tab tab" lay-filter="xbs_tab" lay-allowclose="false">
                <ul class="layui-tab-title">
                    <li class="home">
                        <i class="layui-icon">&#xe68e;</i>后台主页</li></ul>
                <div class="layui-unselect layui-form-select layui-form-selected" id="tab_right">
                    <dl>
                        <dd data-type="this">关闭当前</dd>
                        <dd data-type="other">关闭其它</dd>
                        <dd data-type="all">关闭全部</dd>
                    </dl>
                </div>
                <div class="layui-tab-content">
                    <div class="layui-tab-item layui-show"> <iframe src='/index/right' frameborder="0" scrolling="yes" class="x-iframe"></iframe> </div>
                </div>
                <div id="tab_show"></div>
            </div>
        </div>
        <div class="page-content-bg"></div>
        <style id="theme_style"></style>
        <!-- 右侧主体结束 -->
        <!-- 中部结束 -->
    </body>
</html>
<script type="text/javascript">
    layui.use(['jquery', 'layer'], function() { 
        var $ = layui.jquery, layer = layui.layer;
        $(".sub-menu a").click(function() {  //菜单
            var that = $(this);
            var title = that.attr("title");
            var url = that.attr("url");
            xadmin.add_tab(title, url);
        });

        $("#linkLogout").click(function() {  //退出按钮
            layer.confirm('你确定要退出后台管理系统么?', function() { 
                $.get("/index/logout", function() { 
                    location.href = "/";
                });
            });
        });
    });
</script>
